$(function() {
		
	// 定义列
	var productSpecColumns = [
		{
				field : 'no',
				title : '序号',
				align : 'left',
				valign: 'middle',
				formatter : function(value, row, index) {
					return index + 1;
				}
		},
		{
			field : 'specName',
			title : '规格名称 ',
			align : 'center'
		},
		{
				field : 'specValue',
				title : '规格值',
				align : 'center',
				width : 500
				
		},
		{	
			field : '#',
			title : '操作',
			align : 'center',
			valign: 'middle',
			formatter : function(value, row, index) {
				return "<a class='btn btn-info btn-xs' href='javaScript:void(0);'onclick='addSpecToTable(\""+row.specName+"\",\""+row.specValue+"\",\""+row.id+"\")'><i class='fa fa-plus fa-fw'></i> 加入</a>";
			}
		}];
			
			
	// 定义查询回调函数（查询参数在此设置）
	var productSpecQueryParams = function(params) {
		var specName =  $("#specName").val();
		var specValue =  $("#specValue").val();
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			specName : specName,
			specValue : specValue
		};
	};
	
	var productSpecUrl = rootPath + "/productSpec/listProductSpecPage"; // 请求json数据的服务器地址
	sys.initTable('productSpecTable', {
		url : productSpecUrl,
		queryParams : productSpecQueryParams,
		columns : productSpecColumns,
		striped : true,
		clickToSelect : true
	});
	
	
	// 查询商品属性
	$("#btnProductSpecQuery").click(function(){
		sys.reloadTable('productSpecTable');
	});
	
	
	// 清空
	$('#btnProductSpecClear').on('click', function() {
		$("#specName").val("");
		$("#specValue").val("");
	});
	
})

//添加属性到商品属性模板中
function addSpecToTable(specName, specValue, specId){ 
	var specId = Number(specId);
	var data = {
		"specName": specName,
		"specValue": specValue,
	};
	window.parent.window.addSpecToTable(data);
	// 删除已经添加到模板中的属性
	$("#productSpecTable").bootstrapTable("remove",{field: 'id', values: [specId]});
	
}
